<template>
  <app-header />
  <app-nav />
  <banner />
  <div class="notfound">
    <div class="tip">{{ tip }}</div>
    <NuxtLink class="btn" to="/">{{ btnText }}</NuxtLink>
  </div>
  <nuxt-page />
  <app-footer />
</template>

<script setup>
const tip = ref("你访问的页面出错，点击下方按钮回到首页");
const btnText = ref("回到首页");
</script>

<script setup lang="ts">

</script>

<style scoped>
.notfound {
  width: 100%;
  min-height: 570px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.tip {
  margin-bottom: 50px;
  font-weight: bold;
}
</style>